<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title><g:layoutTitle default="Rowing Management" /></title>
        <link rel="stylesheet" href="${createLinkTo(dir:'css',file:'main.css')}"/>
        <g:javascript library="jquery" />
        <script type="text/javascript">
          $(document).ready(function(){
          $('#top_nav li').click(function(){
           $(this).removeClass('li_normal');
           $(this).addClass('li_selected');
         });

        });
       </script>
      <g:layoutHead />
    </head>
    <body>
    <div id="container">
      <ul id="top_nav">
          <li class="li_normal"><g:link controller="link" action="navHome" >HOME</g:link></li>
          <li class="li_normal"><g:link controller="organization" action="registerOrganization" >REGISTER</g:link></li>
          <li class="li_normal"><g:link controller="link" action="navEvents">EVENTS</g:link></li>
          <li class="li_normal"><g:link controller="link" action="navWerow">WE ROW</g:link></li>
          <li class="li_normal"><a href="#">ASK US</a></li>
      </ul>
      <div id="header">
  <!-- empty div, but it has a background picture in main.css -->
        <h1>If you feel like something is missing, you are on the right place</h1>
      </div>
       <g:render template="/secondary_nav"/>
        <div id="main_area">
            <div id="content">
                <g:layoutBody />
            </div>
        </div>
        <div id="footer">
				Copyrighted to &copy; Simon Polak
	    </div>
    </div>
    </body>
</html>